<!DOCTYPE html>
<!-- 
Template Name: Cool Town
Version: 1.0.0
Author: Webstrot

-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zxx" xmlns:th="http://www.w3.org/1999/xhtml">
<!--[endif]-->

<head>
	<meta charset="utf-8" />
	<title>Cool Town</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta name="description" content="Cool Town" />
	<meta name="keywords" content="Cool Town" />
	<meta name="author" content="" />
	<meta name="MobileOptimized" content="320" />
	<!--Template style -->
	<link rel="stylesheet" type="text/css" href="css/animate.css" />
	<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
	<link rel="stylesheet" type="text/css" href="css/fonts.css" />
	<link rel="stylesheet" type="text/css" href="css/flaticon.css" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
	<link rel="stylesheet" type="text/css" href="css/fullpage.min.css" />
	<link rel="stylesheet" type="text/css" href="css/demo.css" />
	<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
	<link rel="stylesheet" type="text/css" href="css/owl.theme.default.css" />
	<link rel="stylesheet" type="text/css" href="css/magnific-popup.css" />
	<link rel="stylesheet" type="text/css" href="css/style_II.css" />
	<link rel="stylesheet" type="text/css" href="css/responsive_II.css" />
	<!--favicon-->
	<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
</head>

<body class="demo-3">
	<!-- preloader Start -->
	<div id="preloader">
		<div id="status">
			<img src="images/loader.gif" id="preloader_image" alt="loader">
		</div>
	</div>
	<!-- ck fullpage wrapper Start -->
	<!-- ck background img wrapper Start -->
	<div class="wrapper-background"></div>
	<!-- ck background img wrapper End -->
	<!-- ck navigation wrapper Start -->
	<div class="ck_main_left_border">	<span></span>
	</div>
	<div class="ck_top_life_effect"></div>
	<div class="ck_bot_life_effect"></div>
	<div class="ck_navigation_main_wrapper float_left">
		<div class="container-fluid">
			<div class="ck_logo_wrapper">
				<a href="#">
					<img src="images/logo.png" alt="logo">
				</a>
			</div>
			<div class="ck_navigation_right_wrapper">
				<div class="main main--demo-3">
					<div class="content content--demo-3">
						<div class="hamburger hamburger--demo-3 js-hover">
							<div class="hamburger__line hamburger__line--01">
								<div class="hamburger__line-in hamburger__line-in--01"></div>
							</div>
							<div class="hamburger__line hamburger__line--02">
								<div class="hamburger__line-in hamburger__line-in--02"></div>
							</div>
							<div class="hamburger__line hamburger__line--03">
								<div class="hamburger__line-in hamburger__line-in--03"></div>
							</div>
							<div class="hamburger__line hamburger__line--cross01">
								<div class="hamburger__line-in hamburger__line-in--cross01"></div>
							</div>
							<div class="hamburger__line hamburger__line--cross02">
								<div class="hamburger__line-in hamburger__line-in--cross02"></div>
							</div>
						</div>
						<div class="global-menu">
							<div class="global-menu__wrap" id='cssmenu'>
								<ul>
									<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">主页</a>
										<ul>
											<li><a href="index_II.html" class="global-menu__item global-menu__item--demo-3">主页详细</a>
											</li>
										</ul>
									</li>
									
									<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">产品</a>
										<ul>
											<li><a href="product_sidebar.html" class="global-menu__item global-menu__item--demo-3">产品详情</a>
											</li>
										</ul>
									</li>
									<li><a class="global-menu__item global-menu__item--demo-3" href="gallery.html">产品展示</a>
									</li>
									<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">分页</a>
										<ul>
											<li><a href="cart.html" class="global-menu__item global-menu__item--demo-3">购物车</a>
											</li>
										</ul>
									</li>
									<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">博客</a>
										<ul>
											<li><a href="blog_single_right.html" class="global-menu__item global-menu__item--demo-3">博客详情</a>
											</li>
										</ul>
									</li>
									
								</ul>
							</div>
						</div>
						<svg class="shape-overlays" viewBox="0 0 100 100" preserveAspectRatio="none">
							<path class="shape-overlays__path" d="M 0 100 C 50 100 50 100 100 100 V 100 H 0"></path>
							<path class="shape-overlays__path" d="M 0 100 C 50 100 50 100 100 100 V 100 H 0"></path>
							<path class="shape-overlays__path" d="M 0 100 C 50 100 50 100 100 100 V 100 H 0"></path>
						</svg>
					</div>
				</div>
				<div class="ck_login_btn">	<a href="#" data-toggle="modal" data-target="#myModal"><i class="flaticon-login-square-arrow-button-outline"></i></a>
				</div>
				<div class="buss_cart_section_wrapper">
					<div class="buzz_cart">
						<ul>
							<li class="buzz_cart_dropdown"><a href="#"><i class="flaticon-shopping-bag"></i> <span>3</span></a>
								<ul>
									<li>
										<div class="cc_cart_wrapper1 menu-button float_left">
											<div class="cc_cart_img_wrapper">
												<img src="images/ft1.jpg" alt="cart_img" />
											</div>
											<div class="cc_cart_cont_wrapper">
												<h4><a href="#">产品名</a></h4>
												<p>Quantity : 2 × $45</p>
												<h5>$90</h5>
												<button type="button" class="close" data-dismiss="modal">&times;</button>
											</div>
										</div>
									</li>
									<li>
										<div class="cc_cart_wrapper1 menu-button float_left">
											<div class="cc_cart_img_wrapper">
												<img src="images/ft2.jpg" alt="cart_img" />
											</div>
											<div class="cc_cart_cont_wrapper">
												<h4><a href="#">产品名</a></h4>
												<p>Quantity : 2 × $45</p>
												<h5>$90</h5>
												<button type="button" class="close" data-dismiss="modal">&times;</button>
											</div>
										</div>
									</li>
									<li>
										<div class="cc_cart_wrapper1 menu-button float_left">
											<div class="cc_cart_img_wrapper">
												<img src="images/ft3.jpg" alt="cart_img" />
											</div>
											<div class="cc_cart_cont_wrapper">
												<h4><a href="#">产品名</a></h4>
												<p>Quantity : 2 × $45</p>
												<h5>$90</h5>
												<button type="button" class="close" data-dismiss="modal">&times;</button>
											</div>
										</div>
									</li>
									<li>
										<div class="buzz_cart_btn"> <a href="checout.html">检测</a>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ck navigation wrapper End -->
	<!-- ck fullpage wrapper start -->
	<div id="fullpage" class="fullpage-default">
		<div class="ck_header_main_wrapper section animated-row" data-section="section1">
			<div class="fp-bg" style="background-image:url(images/header_bg2.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 align-self-center">
						<div class="ck_slider_top_content float_left">
							<h4><img src="images/awe.png" alt="img" class="animate" data-animate="fadeInUp"></h4>
							<h3 class="animate" data-animate="fadeInUp">美味的冰淇淋Party</h3>
							<p class="animate" data-animate="fadeInUp">通过进一步的关系适当地综合交互机会。 胜任地拖延以客户为中心的服务，而协作门户</p>
							<ul class="animate" data-animate="fadeInUp">
								<li><a href="#">查看更多</a>
								</li>
								<li><a href="#">现在购物</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 align-self-center">
						<div class="ck_main_slider_img float_left animate" data-animate="fadeInUp">
							<img src="images/ice4.png" alt="img">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ck_about_main_wrapper section animated-row float_left" data-section="section2">
			<div class="fp-bg" style="background-image:url(images/header_bg3.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 align-self-center d-none d-sm-none d-md-none d-lg-block d-xl-block">
						<div class="ck_about_img_wrapper float_left">
							<img src="images/ice2.png" alt="img" class="animate" data-animate="fadeInUp">
						</div>
					</div>
					<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 align-self-center">
						<div class="ck_about_img_cont_wrapper float_left animate" data-animate="fadeInUp">
							<div class="ck_heading_wrapper">
								<h4>关于我们</h4>
								<h3>细微的介绍</h3>
							</div>
							<p>我们专注于为你提供在线展示的趋势和需求，因此我们专注于构建强大的工具、功能和插件，这些都是你的业务所需要的。
								<br>
								<br>通过一个简单易用的 WordPress 工具包，你可以享受到安装一个功能强大的主题和函数式代码的所有好处。 这些将使您享受安装工具包的所有好处。</p>
							<img src="images/farhan_shaikh.png" alt="img">
							<h5>法尔汉 · 谢赫</h5>
							<h6>经理</h6>
						</div>
					</div>
					<div class="col-md-12 col-sm-12 col-12 align-self-center d-block d-sm-block d-md-block d-lg-none d-xl-none">
						<div class="ck_about_img_wrapper float_left">
							<img src="images/ice2.png" alt="img" class="animate" data-animate="fadeInUp">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ck_offer_main_wrapper section animated-row float_left" data-section="section3">
			<div class="fp-bg" style="background-image:url(images/header_bg4.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 align-self-center">
						<div class="ck_offer_img_cont_wrapper float_left animate" data-animate="fadeInUp">
							<div class="ck_heading_wrapper float_left">
								<h4>特价</h4>
								<h3>我们提供的</h3>
							</div>
							<div class="ck_offer_mian_box_wrapper ck_offer_mian_box_wrapper_first float_left">
								<div class="ck_offer_icon_wrapper">	<i class="flaticon-cupcake"></i>
								</div>
								<div class="ck_offer_icon_cont_wrapper">
									<h3>美好旧时光的味道</h3>
									<p>我们了解每一个好产品的背后，它也必须是易于配件。 我们的目的是让你们开始</p>
								</div>
							</div>
							<div class="ck_offer_mian_box_wrapper ck_offer_mian_box_wrapper_second float_left">
								<div class="ck_offer_icon_wrapper">	<i class="flaticon-ice-cream-truck"></i>
								</div>
								<div class="ck_offer_icon_cont_wrapper">
									<h3>粉色冰淇淋纸杯蛋糕</h3>
									<p>我们了解每一个好产品的背后，它也必须是易于配件。 我们的目的是让你们开始</p>
								</div>
							</div>
							<div class="ck_offer_btn ck_offer_btn2 float_left">	<a href="#">查看更多</a>
							</div>
						</div>
					</div>
					<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 align-self-center">
						<div class="ck_special_img_wrapper float_left">
							<img src="images/ice5.png" alt="img" class="animate" data-animate="fadeInUp">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ck_gallery_main_wrapper section animated-row float_left" data-section="section4">
			<div class="fp-bg" style="background-image:url(images/header_bg5.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12 align-self-center">
						<div class="ck_offer_img_cont_wrapper ck_gallery_img_cont_wrapper float_left animate" data-animate="fadeInUp">
							<div class="ck_heading_wrapper ck_heading_center_wrapper float_left">
								<h4>我们的画廊</h4>
								<h3>冰淇淋画廊</h3>
							</div>
						</div>
						<div class="ck_gallery_slider_wrapper float_left animate" data-animate="fadeInUp">
							<div class="owl-carousel owl-theme">
								<div class="item">
									<div class="ck_gallery_box_main_wrapper float_left">
										<img src="images/g1.jpg" alt="img">
										<div class="overlay"></div>
										<div class="ck_gallery_cont_wrapper float_left">
											<h3>樱桃香草</h3>
											<a href="#"><i class="flaticon-right-arrow"></i></a>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="ck_gallery_box_main_wrapper float_left">
										<img src="images/g2.jpg" alt="img">
										<div class="overlay"></div>
										<div class="ck_gallery_cont_wrapper float_left">
											<h3>樱桃香草</h3>
											<a href="#"><i class="flaticon-right-arrow"></i></a>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="ck_gallery_box_main_wrapper float_left">
										<img src="images/g3.jpg" alt="img">
										<div class="overlay"></div>
										<div class="ck_gallery_cont_wrapper float_left">
											<h3>樱桃香草</h3>
											<a href="#"><i class="flaticon-right-arrow"></i></a>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="ck_gallery_box_main_wrapper float_left">
										<img src="images/g1.jpg" alt="img">
										<div class="overlay"></div>
										<div class="ck_gallery_cont_wrapper float_left">
											<h3>樱桃香草</h3>
											<a href="#"><i class="flaticon-right-arrow"></i></a>
										</div>
									</div>
								</div>
							</div>
							<div class="ck_offer_btn ck_gallery_btn float_left">	<a href="#">查看更多</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ck_gallery_main_wrapper section animated-row float_left" data-section="section5">
			<div class="fp-bg" style="background-image:url(images/header_bg6.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12 align-self-center">
						<div class="row">
							<div class="col-md-12">
								<div class="ck_offer_img_cont_wrapper float_left animate" data-animate="fadeInUp">
									<div class="ck_heading_wrapper ck_heading_center_wrapper float_left">
										<h4>为什么选择我们</h4>
										<h3>我们的服务</h3>
									</div>
								</div>
							</div>
							<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
								<div class="ck_service_main_box_wrapper float_left animate" data-animate="fadeInUp">
									<div class="ck_service_icon_wrapper float_left">	<i class="flaticon-cupcake"></i>
									</div>
									<div class="ck_service_icon_cont_wrapper float_left">
										<h3><a href="#">樱桃香草</a></h3>
										<p>我们理解每一个好的产品背后，它也必须是你的鼠标的附件。</p>
									</div>
								</div>
							</div>
							<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
								<div class="ck_service_main_box_wrapper float_left animate" data-animate="fadeInUp">
									<div class="ck_service_icon_wrapper float_left">	<i class="flaticon-sundae-with-cherry-on-top"></i>
									</div>
									<div class="ck_service_icon_cont_wrapper float_left">
										<h3><a href="#">Cherry Vanilla</a></h3>
										<p>我们理解每一个好的产品背后，它也必须是你的鼠标的附件。</p>
									</div>
								</div>
							</div>
							<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
								<div class="ck_service_main_box_wrapper float_left animate" data-animate="fadeInUp">
									<div class="ck_service_icon_wrapper float_left">	<i class="flaticon-scoop"></i>
									</div>
									<div class="ck_service_icon_cont_wrapper float_left">
										<h3><a href="#">薄荷巧克力片</a></h3>
										<p>我们理解每一个好的产品背后，它也必须是你的鼠标的附件。</p>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="ck_offer_btn ck_service_btn animate float_left" data-animate="fadeInUp">	<a href="#">查看更多</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ck_team_main_wrapper section animated-row float_left" data-section="section6">
			<div class="fp-bg" style="background-image:url(images/header_bg7.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12 align-self-center">
						<div class="row">
							<div class="col-md-12">
								<div class="ck_offer_img_cont_wrapper float_left animate" data-animate="fadeInUp">
									<div class="ck_heading_wrapper ck_heading_center_wrapper float_left">
										<h4>最好的团队</h4>
										<h3>冰淇淋制造商</h3>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="ck_team_slider_wrapper float_left animate" data-animate="fadeInUp">
									<div class="owl-carousel owl-theme">
										<div class="item">
											<div class="ck_team_img_wrapper float_left">
												<img src="images/t1.png" alt="img">
												<div class="ck_team_img_cont_wrapper float_left">
													<h3><a href="#">约翰 · 史密斯</a></h3>
													<p>经理</p>
													<ul>
														<li><a href="#"><i class="fab fa-facebook-f"></i></a>
														</li>
														<li><a href="#"><i class="fab fa-twitter"></i></a>
														</li>
														<li><a href="#"><i class="fab fa-pinterest-p"></i></a>
														</li>
														<li><a href="#"><i class="fab fa-google-plus-g"></i></a>
														</li>
													</ul>
												</div>
											</div>
										</div>
										<div class="item">
											<div class="ck_team_img_wrapper float_left">
												<img src="images/t2.png" alt="img">
												<div class="ck_team_img_cont_wrapper float_left">
													<h3><a href="#">约翰 · 史密斯</a></h3>
													<p>经理</p>
													<ul>
														<li><a href="#"><i class="fab fa-facebook-f"></i></a>
														</li>
														<li><a href="#"><i class="fab fa-twitter"></i></a>
														</li>
														<li><a href="#"><i class="fab fa-pinterest-p"></i></a>
														</li>
														<li><a href="#"><i class="fab fa-google-plus-g"></i></a>
														</li>
													</ul>
												</div>
											</div>
										</div>
										<div class="item">
											<div class="ck_team_img_wrapper float_left">
												<img src="images/t3.png" alt="img">
												<div class="ck_team_img_cont_wrapper float_left">
													<h3><a href="#">约翰 · 史密斯</a></h3>
													<p>经理</p>
													<ul>
														<li><a href="#"><i class="fab fa-facebook-f"></i></a>
														</li>
														<li><a href="#"><i class="fab fa-twitter"></i></a>
														</li>
														<li><a href="#"><i class="fab fa-pinterest-p"></i></a>
														</li>
														<li><a href="#"><i class="fab fa-google-plus-g"></i></a>
														</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ck_testi_main_wrapper section animated-row float_left" data-section="section7">
			<div class="fp-bg" style="background-image:url(images/header_bg8.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12 align-self-center">
						<div class="row">
							<div class="col-md-12">
								<div class="ck_offer_img_cont_wrapper float_left animate" data-animate="fadeInUp">
									<div class="ck_heading_wrapper ck_heading_center_wrapper float_left">
										<h4>看看我们客户</h4>
										<h3>推荐词</h3>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="ck_testi_slider_wrapper float_left animate" data-animate="fadeInUp">
									<div class="owl-carousel owl-theme">
										<div class="item">
											<div class="ck_testi_slider_main_box_wrapper float_left">
												<div class="ck_testi_slide_img_wrapper">
													<img src="images/testi_img.jpg" alt="img">
												</div>
												<div class="ck_testi_slide_img_cont_wrapper">
													<h4>维多利亚 · 波特 <span>[署长]</span></h4>
													<p>通过与公共合作伙伴的合作，lBusiness 将当地企业和求职居民与资源联系起来。 我们的项目范围提供从人才招聘和职业发展到临床病例协作的各种服务</p>
													<img src="images/testi_sig.png" alt="img">
													<div class="ck_testi_title_line">
														<img src="images/quote.png" alt="img">
													</div>
												</div>
											</div>
										</div>
										<div class="item">
											<div class="ck_testi_slider_main_box_wrapper float_left">
												<div class="ck_testi_slide_img_wrapper">
													<img src="images/testi_img2.jpg" alt="img">
												</div>
												<div class="ck_testi_slide_img_cont_wrapper">
													<h4>维多利亚 · 波特 <span>[署长]</span></h4>
													<p>通过与公共合作伙伴的合作，lBusiness 将当地企业和求职居民与资源联系起来。 我们的项目范围提供从人才招聘和职业发展到临床病例协作的各种服务</p>
													<img src="images/testi_sig.png" alt="img">
													<div class="ck_testi_title_line">
														<img src="images/quote.png" alt="img">
													</div>
												</div>
											</div>
										</div>
										<div class="item">
											<div class="ck_testi_slider_main_box_wrapper float_left">
												<div class="ck_testi_slide_img_wrapper">
													<img src="images/testi_img3.jpg" alt="img">
												</div>
												<div class="ck_testi_slide_img_cont_wrapper">
													<h4>维多利亚 · 波特 <span>[署长]</span></h4>
													<p>通过与公共合作伙伴的合作，lBusiness 将当地企业和求职居民与资源联系起来。 我们的项目范围提供从人才招聘和职业发展到临床病例协作的各种服务</p>
													<img src="images/testi_sig.png" alt="img">
													<div class="ck_testi_title_line">
														<img src="images/quote.png" alt="img">
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ck_blog_main_wrapper section animated-row float_left" data-section="section8">
			<div class="fp-bg" style="background-image:url(images/header_bg9.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12 align-self-center">
						<div class="row">
							<div class="col-md-12">
								<div class="ck_offer_img_cont_wrapper float_left animate" data-animate="fadeInUp">
									<div class="ck_heading_wrapper ck_heading_center_wrapper float_left">
										<h4>查看博客</h4>
										<h3>冰淇淋博客</h3>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="ck_blog_slider_wrapper float_left animate" data-animate="fadeInUp">
									<div class="owl-carousel owl-theme">
										<div class="item">
											<div class="et_left_news_wrapper">
												<div class="et_left_img_news2">
													<div class="et_left_img_overlay"></div>
													<div class="row">
														<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
															<p><i>新闻，快递</i>
															</p>
															<div class="heart_box">	<a href="#"><i class="far fa-heart"></i></a>
															</div>
															<h4>29-7-2019</h4>
														</div>
													</div>
												</div>
												<div class="et_left_cont_news">
													<h4>新闻</h4>
													<h3>服务 - 2019</h3>
													<h5>29-7-2019</h5>
													<p>这是Photoshop的版本的Lorem存有。NIBH怀孕微波或香蕉的户外作者。</p>
													<h2><a href="#">查看更多</a> <i class="fa fa-angle-double-right"></i> </h2>
												</div>
											</div>
										</div>
										<div class="item">
											<div class="et_left_news_wrapper">
												<div class="et_left_img_news2 et_left_img_news22">
													<div class="et_left_img_overlay"></div>
													<div class="row">
														<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
															<p><i>新闻，快递</i>
															</p>
															<div class="heart_box">	<a href="#"><i class="far fa-heart"></i></a>
															</div>
															<h4>29-7-2019</h4>
														</div>
													</div>
												</div>
												<div class="et_left_cont_news">
													<h4>新闻</h4>
													<h3>服务 - 2019</h3>
													<h5>29-7-2019</h5>
													<p>这是Photoshop的版本的Lorem存有。NIBH怀孕微波或香蕉的户外作者。</p>
													<h2><a href="#">查看更多</a> <i class="fa fa-angle-double-right"></i> </h2>
												</div>
											</div>
										</div>
										<div class="item">
											<div class="et_left_news_wrapper">
												<div class="et_left_img_news2 et_left_img_news23">
													<div class="et_left_img_overlay"></div>
													<div class="row">
														<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
															<p><i>新闻，快读</i>
															</p>
															<div class="heart_box">	<a href="#"><i class="far fa-heart"></i></a>
															</div>
															<h4>29-7-2019</h4>
														</div>
													</div>
												</div>
												<div class="et_left_cont_news">
													<h4>新闻</h4>
													<h3>服务 - 2019</h3>
													<h5>29-7-2019</h5>
													<p>这是Photoshop的版本的Lorem存有。NIBH怀孕微波或香蕉的户外作者。</p>
													<h2><a href="#">查看更多</a> <i class="fa fa-angle-double-right"></i> </h2>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="ck_offer_btn ck_blog_btn float_left animate" data-animate="fadeInUp">	<a href="#">查看更多</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ck_elem_main_wrapper section animated-row float_left" data-section="section9">
			<div class="fp-bg" style="background-image:url(images/header_bg10.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12 align-self-center">
						<div class="row">
							<div class="col-md-12">
								<div class="ck_offer_img_cont_wrapper float_left animate" data-animate="fadeInUp">
									<div class="ck_heading_wrapper ck_heading_center_wrapper float_left">
										<h4>我们的冰淇淋</h4>
										<h3>最佳冰淇淋元素</h3>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="ck_elem_slider_wrapper float_left animate" data-animate="fadeInUp">
									<div class="owl-carousel owl-theme">
										<div class="item">
											<div class="ck_elem_slide_img_wrapper float_left">
												<div class="ck_elem_slide_img float_left">
													<img src="images/e1.png" alt="img">
												</div>
												<div class="ck_elem_slide_img_cont float_left">
													<h3>樱桃香草</h3>
													<div class="ck_elem_star">	<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
													</div>
													<p>Aenean sollicitudin, lorem quis</p>
													<h5>$ 10.00</h5>
													<div class="ck_offer_btn ck_ele_btn float_left">	<a href="#">加入购物车</a>
													</div>
												</div>
											</div>
										</div>
										<div class="item">
											<div class="ck_elem_slide_img_wrapper float_left">
												<div class="ck_elem_slide_img float_left">
													<img src="images/e2.png" alt="img">
												</div>
												<div class="ck_elem_slide_img_cont float_left">
													<h3>Cherry Vanilla</h3>
													<div class="ck_elem_star">	<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
													</div>
													<p>Aenean sollicitudin, lorem quis</p>
													<h5>$ 10.00</h5>
													<div class="ck_offer_btn ck_ele_btn float_left">	<a href="#">加入购物车</a>
													</div>
												</div>
											</div>
										</div>
										<div class="item">
											<div class="ck_elem_slide_img_wrapper float_left">
												<div class="ck_elem_slide_img float_left">
													<img src="images/e3.png" alt="img">
												</div>
												<div class="ck_elem_slide_img_cont float_left">
													<h3>Cherry Vanilla</h3>
													<div class="ck_elem_star">	<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
														<i class="fas fa-star"></i>
													</div>
													<p>Aenean sollicitudin, lorem quis</p>
													<h5>$ 10.00</h5>
													<div class="ck_offer_btn ck_ele_btn float_left">	<a href="#">加入购物车</a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ck_contact_main_wrapper section animated-row float_left" data-section="section10">
			<div class="fp-bg" style="background-image:url(images/header_bg2.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12 align-self-center">
						<div class="row">
							<div class="col-md-12">
								<div class="ck_offer_img_cont_wrapper ck_contaact_img_cont_wrapper float_left animate" data-animate="fadeInUp">
									<div class="ck_heading_wrapper ck_heading_center_wrapper float_left">
										<h4>如果有任何疑问</h4>
										<h3>联络资料</h3>
									</div>
								</div>
							</div>
							<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 animate" data-animate="fadeInUp">
								<div class="contact_details_wrapper">
									<div class="ck_contac_img_wrapper">
										<img src="images/e1.png" alt="img">
									</div>
									<div class="contact_details_content">
										<div class="contact_heading"> <span>头部</span>
										</div>
										<div class="contact_details"> <span>5，Lala Lajpath Rai Marg</span>
										</div>
										<div class="contact_heading"> <span>办公室:</span>
										</div>
										<div class="contact_details"> <span>Dewas, M.P.  India 455001</span>
										</div>
									</div>
									<!-- contact_details_content end-->
									<!-- contact_details_content start-->
									<div class="contact_details_content">
										<div class="contact_heading"> <span>Email:</span>
											<br><span>电话:</span>
										</div>
										<div class="contact_details"> <span><a href="#">example@gmail.com</a></span>
										</div>
										<div class="contact_heading"> <span></span>
										</div>
										<div class="contact_details"> <span class="pd_left"><a href="#">123456789</a></span>
										</div>
									</div>
									<!-- contact_details_content end-->
								</div>
							</div>
							<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 animate" data-animate="fadeInUp">
								<div class="ck_contac_map_wrapper">
									<div id='map'></div>
									<div class="ck_contact_map_cont_wrapper">
										<h4>Address</h4>
										<p class="first_pera_ck_contact">121 King Street, Melbourne
											<br>Victoria 3000 Australia</p>
										<p class="second_pera_ck_contact">ABN 11 119 159 741</p>
										<p class="second_pera_ck_contact">E. : <a href="#">webstrot@gmail.com</a>
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ck fullpage wrapper End -->
	<!-- ck footer wrapper Start -->
	<div class="ck_footer_main_wrapper float_left">
		<div class="container-fluid">
			<div class="ck_footer_left_section">
				<p>&copy;Copyright Cool Town 2019</p>
			</div>
			<div class="ck_footer_right_section">
				<ul>
					<li><a href="#"><i class="fab fa-facebook-f"></i></a>
					</li>
					<li><a href="#"><i class="fab fa-twitter"></i></a>
					</li>
					<li><a href="#"><i class="fab fa-pinterest-p"></i></a>
					</li>
					<li><a href="#"><i class="fab fa-google-plus-g"></i></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- ck footer wrapper End -->
	<!-- st login wrapper Start -->
	<div class="modal fade st_pop_form_wrapper" id="myModal" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
							<div class="st_pop_form_heading_wrapper float_left">
								<h3>立即登录</h3>
							</div>
							<div class="st_profile_input float_left">
								<input type="text" placeholder="Email / Mobile Number">
							</div>
							<div class="st_profile_input st_profile__pass_input_pop float_left">
								<input type="password" placeholder="Password">
							</div>
							<div class="st_form_pop_signin_btn float_left">
								<h4>还没账号？ <a href="checout.html" data-toggle="modal" data-target="#myModa3" target="_blank">立即注册</a></h4>
							</div>
							<div class="st_form_pop_fp float_left">
								<h3><a href="#" data-toggle="modal" data-target="#myModa2" target="_blank">忘记了密码?</a></h3>
							</div>
							<div class="st_form_pop_login_btn float_left">	<a href="page-1-7_profile_settings.html">登录</a>
							</div>
			</div>
		</div>
	</div>
	<div class="modal fade st_pop_form_wrapper" id="myModa2" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<div class="st_pop_form_heading_wrapper st_pop_form_heading_wrapper_fpass float_left">
					<h3>忘记密码？</h3>
					<p>我们可以帮助你，输入电话号码或者注册码</p>
				</div>
				<div class="st_profile_input st_profile_input_very float_left">
					<input type="text" placeholder="Email / Mobile Number">
				</div>
				<div class="st_form_pop_fpass_btn float_left">	<a href="#">检测</a>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade st_pop_form_wrapper" id="myModa3" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<div class="st_pop_form_heading_wrapper float_left">
					<h3>注册</h3>
				</div>
				<div class="st_profile_input float_left">
					<input type="text" placeholder="Email / Mobile Number">
				</div>
				<div class="st_profile_input st_profile__pass_input_pop float_left">
					<input type="password" placeholder="Password">
				</div>
				<div class="st_form_pop_fp float_left">
					<h3><a href="#" data-toggle="modal" data-target="#myModa2" target="_blank">忘记密码</a></h3>
				</div>
				<div class="st_form_pop_login_btn float_left">	<a href="page-1-7_profile_settings.html">LOGIN</a>
				</div>
			</div>
		</div>
	</div>
	<!-- ck footer wrapper End -->
	<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/modernizr.js"></script>
	<script src="js/fullpage.min.js"></script>
	<script src="js/scrolloverflow.js"></script>
	<script src="js/demo3.js"></script>
	<script src="js/easings.js"></script>
	<script src="js/jquery.inview.min.js"></script>
	<script src="js/owl.carousel.js"></script>
	<script src="js/jquery.magnific-popup.js"></script>
	<script src="js/custom_II.js"></script>
	<!-- custom js-->
	<script>
		function doLogin(){
			var params={
				username:$("#usernameId").val(),
				password:$("#passwordId").val(),
				isRememberMe:$("#rememberId").prop("checked"),
			}
			var url="user/doLogin";
			console.log("params",params);
			$.post(url,params,function(result){
				if(result.state==1){
					//跳转到indexUI对应的页面
					location.href="index?t="+Math.random();
				}else{
					$(".login-box-msg").html(result.message);
				}
				return false;//防止刷新时重复提交
			});
		}

		function initMap() {
		            var uluru = {
		                lat: -36.742775,
		                lng: 174.731559
		            };
		            var map = new google.maps.Map(document.getElementById('map'), {
		                zoom: 15,
		                scrollwheel: false,
		                center: uluru
		            });
		            var marker = new google.maps.Marker({
		                position: uluru,
		                map: map
		            });
		        }
	</script>
	<script async defer src="https://ditu.google.cn/maps/api/js?key=AIzaSyBi2zbxXa0ObGqaSBo5NJMdwLs_xtQ03nI&callback=initMap"></script>
</body>

</html>